<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图片标签</title>
    <!--
       图片标签 其实就是在页面 引入一个图片
       <img  src=""/>
        src属性 就是指的图片的源位置 
           这个源位置  可以是一个相对路径，但不能是一个绝对路径！！
                       可以是一个网络地址。
        
        特点 默认大小就是图片原大小  该标签不换行。 单标签。

        其他属性介绍
            alt : 如果图片丢失，代替的文字
            title： 图片标题  当你小手放到图片上 就显示出来的文字
            width: 设置图片的宽度   如果不加% 代表像素  加了%  跟上一级标签有关 实现等比例缩放
            height: 设置图片的高度

    -->
</head>
<body>
     月球长什么样子?
     <img src="img/月球.jpg" title="月球" width="500">
     <br/>
     李清照长什么样子?
     <img src="img/liqingzhao.jpg" title="李清照" width="50%">
     <br/>
     宋小宝长什么样子?
     <img src="img/songxiaobao.jpg" alt="瞧你那损色！">
</body>
</html>